/**
 * @name ProblemsAndSolutions
 * @author darcrand
 * @desc 问题与解决
 */

import React, { Component } from "react"
import "./styles.global.less"

class ProblemsAndSolutions extends Component {
    render() {
        return (
            <div className="p-s-container">
                <div className="g-section-title">
                    <span className="title">问题与解决</span>
                    <span className="sub">Problems And Solutions</span>
                </div>

                <div className="pane">
                    <div className="item">
                        <p className="top">
                            <i className="ico">1</i>
                            <span className="title">技术选型冲突</span>
                        </p>
                        <p className="text">
                            妇幼党建项目由于历史问题,存在多种技术框架.在完成新功能时,使用的新技术与原来项目冲突.经过多次尝试,找到了兼容的方法.最后顺利完成功能.
                        </p>
                    </div>
                    <div className="item">
                        <p className="top">
                            <i className="ico">2</i>
                            <span className="title">新技术研究</span>
                        </p>
                        <p className="text">
                            在协助国粒项目时,需要学习新的"electron".由于完全没有接触过这个技术,只能根据官方文档一点点尝试.期间花了不是时间.
                        </p>
                    </div>
                    <div className="item">
                        <p className="top">
                            <i className="ico">3</i>
                            <span className="title">原精患系统与省卫计系统有差异</span>
                        </p>
                        <p className="text">
                            两个系统的逻辑存在较大的差异,实现的方式也不相同,特别是接口部分,很多功能都需要重新制作,以符合省卫计的系统.目前的解决方法较为简单,采用粗放的方式,虽然代码量较大,但能完成功能需求.
                        </p>
                    </div>
                </div>
            </div>
        )
    }
}

export default ProblemsAndSolutions
